<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!--页面重置-->
		<link rel="stylesheet" type="text/css" href="assets/css/tag-reset.css"/>
		<!--常用工具-->
		<link rel="stylesheet" type="text/css" href="assets/css/tag-template.css" />
		<!--外联样式-->
		<link rel="stylesheet" type="text/css" href="assets/css/universal.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/home.css" />
		<title></title>
	</head>

	<body>
		<div class="universal-container">
			<!--导航-->
			<div class="universal-navbar">
				<div class="flow-l">
					<form action="" method="post">
						账号：<input type="text" name="username"   value="" placeholder="请输入账号"/>
						密码：<input type="password" name="password"   value="" placeholder="请输入密码"/>
						<input type="submit" value="login"/>
					</form>
				</div>
				<div class="flow-r">
					<span>当前在线</span>&nbsp;
					<a href="">admin</a>&nbsp;
					<a href="">退出</a>
				</div>
			</div>
			
			<!--内容-->
			<div class="universal-context">
				<div></div>
				<div>
					<div class="news-list flow-l">
						<div class="news-list-title">
							<div>
								<span>国内新闻</span>
							</div>
							<div>
								<a href="">习近平代访问南非并致以诚挚问候和良好祝愿。以诚挚问候和良好祝愿</a>
								<a href="">习近平代访问南非并致以诚挚问候和良好祝愿。</a>
								<a href="">习近平代访问南非并致以诚挚问候和良好祝愿。</a>
								<a href="">习近平代访问南非并致以诚挚问候和良好祝愿。</a>
							</div>
						</div>
						<div class="news-list-title">
							<div>
								<span>国外新闻</span>
							</div>
							<div>
								<a href="">习近平代表中国政府和中国人民，向南非政府和人民致以诚挚问候和良好祝愿。</a>
								<a href="">习近平代表中国政府和中国人民，向南非政府和人民致以诚挚问候和良好祝愿。</a>
								<a href="">习近平代表中国政府和中国人民，向南非政府和人民致以诚挚问候和良好祝愿。</a>
							</div>
						</div>
						<!--管理员列表-->
						<div class="admin-news-list">
							<ul>
								<li><a onclick="showNews()">新闻中心</a></li>
								<li><a>主题管理</a>
									<ul>
										<li><a onclick="addTheme()">新增主题</a></li>
										<li><a onclick="editTheme()">编辑主题</a></li>
									</ul>
								</li>
								<li><a>新闻管理</a>
									<ul>
										<li><a onclick="addNews()">新增新闻</a></li>
										<li><a onclick="editNews()">编辑新闻</a></li>
									</ul>
								</li>
							</ul>
						</div>	
					
					</div>
					<div class="news-page flow-r">
						<div><span id="page-title">欢迎使用</span></div>
						<div class="news">
							<div id="news-themes">
								<a href="">国内</a><a href="">国际</a><a href="">军事</a>
							</div>
							<div>
								<ul>
									<li class="news-1"><a class="single-text-omit" onclick="openNews('news-1')">习近平代访问南非并致以诚挚问候和良好祝愿以诚挚问候和良好祝愿。</a><span>2018-08-17</span></li>
									<li><a href="" class="single-text-omit">习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责</a><span>2018-08-17</span></li>
									<li><a href="" class="single-text-omit">习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责</a><span>2018-08-17</span></li>
									<li><a href="" class="single-text-omit">习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责</a><span>2018-08-17</span></li>
									<li><a href="" class="single-text-omit">习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责</a><span>2018-08-17</span></li>
									<li><a href="" class="single-text-omit">习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责</a><span>2018-08-17</span></li>
									<li><a href="" class="single-text-omit">习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责</a><span>2018-08-17</span></li>
								</ul>
							</div>
						</div>
						<div class="news-show">
							<h2>习近平访问南非</h2>
							<p>习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责</p>
							<br/><span>2018-08-25</span>
						</div>
						<div class="news-admin">
							<!--添加主题-->
							<div class="add-subject">
								<form action="" method="post">
									<input type="text" name="" id="add-theme-input" value="" maxlength="4" onkeyup="checkNewTheme(1,'')" placeholder="主题长度请不要超过4个字符"/>
									<span id="add-theme-msg"></span><br>
									<input id="add-theme-submit" type="submit" value="提交主题"/>
								</form>
							</div>
							<!--编辑主题-->
							<div class="edit-subject">
								<ul>
									<li id="theme-1">
										<input type="text" name=""   value="国际" disabled="true" />
										<a onclick="updateTheme('theme-1')">修改</a>
										<a onclick="deleteTheme('theme-1')">删除</a>
										<span id="update-theme-msg"></span>
									</li>
									<li id="theme-2">
										<input type="text" name=""   value="国际" disabled="true" />
										<a onclick="updateTheme('theme-2')">修改</a>
										<a onclick="deleteTheme('theme-2')">删除</a>
										<span id="update-theme-msg"></span>
									</li>
									<li id="theme-3">
										<input type="text" name=""   value="国际" disabled="true" />
										<a onclick="updateTheme('theme-3')">修改</a>
										<a onclick="deleteTheme('theme-3')">删除</a>
										<span id="update-theme-msg"></span>
									</li>
								</ul>
							</div>
							<!--添加新闻-->
							<div class="add-news">
								<form action="" method="post">
									<select name="">
										<option value="">国际</option>
										<option value="">国际</option>
										<option value="">国际</option>
									</select>
									<input type="text" name=""   value="" placeholder="请输入新闻标题，不超过30个字符" maxlength="30" onkeyup="checkNewTheme(2,'add-news')"/>
									<span></span><br>
									<textarea name="" rows="" cols="" placeholder="请输入新闻内容"></textarea><br />
									<input type="submit" value="提交新闻"/>
								</form>
							</div>
							<!--编辑新闻-->
							<div class="edit-news">
								<ul>
									<li id="news-1">
										<input type="text" name=""   class="single-text-omit" disabled="true" value="习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责" /><span>2018-08-17</span>
										<a onclick="updateNews('news-1')">修改</a>
										<a onclick="deleteNews('news-1')">删除</a>
									</li>
									<textarea name="" rows="" cols="">习近平作出重要指示，习，</textarea>
									<li id="news-2">
										<input type="text" name=""   class="single-text-omit" disabled="true" value="习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责" /><span>2018-08-17</span>
										<a onclick="updateNews('news-2')">修改</a>
										<a onclick="deleteNews('news-2')">删除</a>
									</li>
									<textarea name="" rows="" cols="">习近平作出重要指示，习，</textarea>
									<li id="news-3">
										<input type="text" name=""   class="single-text-omit" disabled="true" value="习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，习近平作出重要指示，强调要一查到底严肃问责" /><span>2018-08-17</span>
										<a onclick="updateNews('news-3')">修改</a>
										<a onclick="deleteNews('news-3')">删除</a>
									</li>
									<textarea name="" rows="" cols="">习近平作出重要指示，习，</textarea>
								</ul>
							</div>
						</div>
						
					</div>
				</div>
			</div>
			
			<!--页脚-->
			<div   class="universal-footer">
				<div   class="universal-foo-link">
					<a href="javascript:void(0);">关于我们</a>
					<a href="javascript:void(0);">常见问题</a>
					<a href="javascript:void(0);">反馈意见</a>
					<a href="javascript:void(0);">联系我们</a>
				</div>

				<div class="universal-foo-explain">
					<p>北京传习新闻发布系统 | 网络经营许可证 京ICP备1605509号-2© Copyright©2010-2018 北京传习www.chuanxi.com版权所有   京公网安备 110108020019号</p>
				</div>
			</div>

		</div>
		<script type="text/javascript" src="assets/libs/jquery/1.12.4/jquery.js"></script>
		<script type="text/javascript" src="assets/js/home.js"></script>
	</body>
</html>